import styled from "styled-components";

export const AskWrapper = styled.div`
  background-color: rgb(243, 244, 245);
  min-height: calc(100vh - 45px);
  .main {
    display: flex;
    width: 960px;
    min-height: 800px;
    margin: 10px auto;
    justify-content: space-between;

    .left {
      width: 90px;
      height: 500px;
      position: fixed;
      top: 55px;
      background-color: white;
    }
    .center {
      width: 650px;
      min-height: 600px;
      left: 105px;
      position: relative;
      background-color: white;
    }
    .right {
      width: 190px;
      min-height: 650px;
      max-height: 900px;
      right: calc((100% - 960px) / 2);
      background-color: white;
    }
    .right_current {
      position: fixed;
      top: -125px;
    }
  }
`;
